body
	{
		background: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    position: relative;
	}

.heading {
  font-size: 22px;
  font-weight: 500;
}

.subheading {
  font-size: 16px;
  padding-bottom: 60px;
}

p {
  color: #848484;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.4px;
  line-height: 28px;
}

hr {
	border-top: 2px solid #828282;
	width: 120px;
}

#menu, #gallery, #knowMore {
	padding-top: 1rem;
	padding-bottom: 5rem;
}
#menu, #contact {
  background: #f0f0f0;
}

.parallax-section {
  background-attachment: fixed !important;
  background-size: cover !important;
}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/* preLoader section */
.preloader  {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        background: none repeat scroll 0 0 #fff;
    }
.sk-spinner-pulse {
  width: 40px;
  height: 40px;
  background-color: #F6D76B;
  border-radius: 100%;
  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
          animation: sk-pulseScaleOut 1s infinite ease-in-out; }

@-webkit-keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }


/* start navigation */
.navbar-default {
  background: #18b0fc;
  box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.04);
  border: 0.2rem solid #ddd;
  margin-bottom: 0;
}
.navbar-brand, .navbar-nav li a {
  line-height: 2.8rem;
}
.navbar-nav{
	margin:10px 0;
}

.nav_title{
	font-size: 3rem;
    color: #fff;
    font-weight: bold;
    line-height: 3rem;
    margin-top: 1rem;
}
.nav_title2{
    color: #fff;
    line-height: 1rem;
    font-size: 1rem;
    letter-spacing: 0.8px;
}
.left-title {
	width: 25rem;
	margin-left: 1rem;
}
.navbar-default .navbar-brand  {
  color: #ffffff;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 2px;
}
.navbar-default .navbar-nav li a {
  font-size: 2rem;
  letter-spacing: 0rem;
  color: white;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar .logo-div {
	 margin-right:1rem;
}
.navbar .logo-png {
	width:4rem;
    margin: 0.3rem 1rem;
    color:#fff;
    float:left;
}
.navbar .hospital-ename {
	width:3rem;
    margin-top: 1rem;
    color:#fff;
}
.navbar .yuyue-icon {
	width:3rem;
}
.navbar .lijiyuyue {
}

/* home section */
#homepage {
  background: url('../images/homepage.png') 50% 0 repeat-y fixed;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
  text-align: center;
}
#homepage .row{
    margin: 5rem 5rem;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
#homepage .homepage-div {
    margin-top: 15rem;
}
#homepage .h_btn {
	
}
#homepage .homepage-btn {
	background-color: #18b0fc;
  	border-radius: 0.6rem;
  	font-size: 2rem;
  	cursor: pointer;
	padding: 1rem;
	margin: 1rem auto;
	width: 14rem;
	box-shadow: 0.2rem 0.2rem 0.5rem #888888;
}
#homepage .homepage-btn:hover {
	background-color: #72c8f3;
  	border-radius: 0.6rem;
  	font-size: 2rem;
  	cursor: pointer;
	padding: 1rem;
	margin: 1rem auto;
	width: 14rem;
	box-shadow: 0.5rem 0.5rem 1rem #888888;
}
#homepage .homepage-btn a {
  	color:#fff;
}
#homepage .yisheng-fanbai {
	width: 3rem;
	margin-right: 1rem;
}
#home h1 {
  font-size: 20px;
  letter-spacing: 8px;
  font-style: normal;
  padding-top: 10px;
}
#home .homepage-btn {
  background: transparent;
  border-radius: 0;
  border: 3px solid #ffffff;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 2px;
  padding: 16px 42px;
  margin-top: 40px;
  transition: all 0.4s ease-in-out;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
#home .homepage-btn:hover {
  background: #ffffff;
  color: #202020;
}

/****** image hover ******/
.image-hover * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.image-hover {
	position: relative;
	display: inline-block;
	overflow: hidden;
	background: #fff;
	border: 10px solid #fff;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3)
}

.image-hover a {
	text-decoration: none
}

/*** effect zoom in ***/
.img-zoom-in img {
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

.img-zoom-in:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1)
}

/*** effect zoom out ***/
.img-zoom-out img {
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

.img-zoom-out:hover img {
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9)
}

/*** effect square to ellipse ***/

.img-square-ellipse:hover {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%
}

.img-square-ellipse {
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

.img-square-ellipse:hover {
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
}

/*** effect - shadow 1 ***/
.img-shadow-1 {
	-webkit-box-shadow: 0 28px 16px -26px black;
	-moz-box-shadow: 0 28px 16px -26px black;
	box-shadow: 0 28px 16px -26px black;
}

.img-shadow-1:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-box-shadow: 0 58px 36px -56px black;
	-moz-box-shadow: 0 58px 36px -56px black;
	box-shadow: 0 58px 36px -56px black;
}

.img-shadow-1 {
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
}

.img-shadow-1:hover {
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
}

/* departments section */
#departments {
  display: flex;
  align-items: center;
  height: 70%;
  margin-top: 5rem;
}
#departments h1 {
    font-size: 2.6rem;
    color: #756969;
    letter-spacing: 1rem;
    padding: 2rem;
    text-align: center;
}
#departments h2 {
    padding-top: 1rem;
    font-size: 1.6rem;
    color: #fff;
    margin-top: 0rem;
    text-align: center;
    margin-bottom: 0rem;
}
#departments p {
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.3rem;
    padding: 0.8rem;
    margin: 0rem;
}
#departments .departments-one {
    padding: 0rem;
    border: 0.1rem solid #fff;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}
#departments .departments-one > .departments-div {
    display: flex;
}
#departments .departments_msg1 {
	background-color: #18b0fc;
}
#departments .departments_msg2 {
	background-color: #5fc3f5;
}
#departments .departments-img {
	padding: 0rem;
}
#departments .departments-div {
	padding: 0rem;
}
#departments .departments-div img {
}

/* ourservice section */
#ourservice {
  display: flex;
  align-items: center;
  height: 70%;
  margin-top: 5rem;
}
#ourservice h1 {
  	font-size: 2.6rem;
    color: #756969;
    letter-spacing: 1rem;
    padding: 2rem;
    text-align: center;
}
#ourservice h2 {
  font-size: 2rem;
  color: #ffffff;
  letter-spacing: 0rem;
  padding-top: 2rem;
  text-align: center;
  margin: 0rem;
}
#ourservice .ourservice_msg {
	background-color: #18b0fc;
	height: 6rem;
}

/* news section */
#news {
  display: flex;
  align-items: center;
  height: 80%;
  margin-top: 5rem;
}
#news h1 {
  	font-size: 2.6rem;
    color: #756969;
    letter-spacing: 1rem;
    padding: 2rem;
    text-align: center;
}
#news h2 {
  	font-size: 2rem;
}
#news p {
  	font-size: 1.5rem;
}

/* doctor section */
#doctor {
  display: flex;
  align-items: center;
  height: 80%;
  margin-top: 5rem;
  padding: 1rem 1rem;
}
#doctor .row{
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}
#doctor .row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
#doctor h1 {
  	font-size: 2.6rem;
    color: #756969;
    letter-spacing: 1rem;
    padding: 2rem;
    text-align: center;
}
#doctor p {
    line-height: 1rem;
    font-size: 1rem;
}
#doctor .doctor-intro {
	border: 0.1rem solid #ccc;
}
#doctor .doctor-intro .h_name{
	color:#26a2ff;
	font-size:2rem;
}
#doctor .doctor-intro .h_des{
    font-weight: bold;
    font-size: 1rem;
}
#doctor .d_title {
	margin:3rem 3rem;
    text-align: center;
}
#doctor .h_title{
    padding: 1rem;
    background: #26a2ff;
    border-radius: 2rem;
    color: #fff;
    font-size: 2rem;
}
#doctor .doctor-keyword {
	background: #26a2ff;
    border-radius: 2rem;
    margin: 1rem 1rem;
    width: 5rem;
}
#doctor .doctor-keyword p {
    color: #fff;
    margin: 0.5rem auto;
    text-align: center;
}

/* headpicture section */
#headpicture {
  display: flex;
  align-items: center;
  height: 80%;
  margin-top: 7rem;
}
#headpicture .picture {
  padding: 0.2rem;
}

/* aboutus section */
#aboutus {
  display: flex;
  align-items: center;
  height: 80%;
  margin-top: 1rem;
}
#aboutus h1 {
  	font-size: 2.6rem;
    color: #756969;
    letter-spacing: 1rem;
    padding: 2rem;
    text-align: center;
} 
#aboutus .aboutus-msg {
}
#aboutus .aboutus-context {
	border: 1px solid #18b0fc;
    padding: 2rem;
}
#aboutus .aboutus-context:hover {
	border: 1px solid #fff;
    padding: 2rem;
    background-color: #18b0fc;
    color: #fff;
}
#aboutus p:hover {
    color: #fff;
}

/* scene section */
#scene {
  display: flex;
  align-items: center;
  height: 80%;
  margin-top: 5rem;
}
#scene h1 {
	font-size: 2.6rem;
    color: #756969;
    letter-spacing: 1rem;
    padding: 2rem;
    text-align: center;
}
#scene .scene-p {
    margin-top: 5rem;
}
#scene p {
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.3rem;
  margin-top: 0rem;
    width: 6rem;
}
#scene .scene-one {
    padding: 0rem;
    border: 0.3rem solid #fff;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

#scene .scene-one > .scene-msg {
    display: flex;
}
#scene .scene-key {
  font-size: 2rem;
  color: #ffffff;
  line-height: 1rem;
  margin-top: 0rem;
  width: 100%;
}
#scene .scene-msg {
	background-color: #18b0fc;
}
#scene .scene-icon {
    padding: 1rem;
    margin: 1rem;
}
#scene .icon-situation {
    margin: 3rem 0;
}
#scene .scene-img {
	padding: 0rem;
}
#scene .scene-jpg {
	width: 100%;
}

/* situation section */
#situation {
  display: flex;
  align-items: center;
  height: 80%;
  margin-top: 5rem;
}
#situation h1 {
	font-size: 2.6rem;
    color: #756969;
    letter-spacing: 1rem;
    padding: 2rem;
    text-align: center;
}
#situation p {
  	font-size: 1.5rem;
    color: #ffffff;
    line-height: 1.5rem;
    margin: 1rem;
}
#situation .img-responsive {
    width: 100%;
    height: 100%;
}
#situation .situation-map {
	margin-top: 1rem;
	padding: 0rem;
}
#situation .situation-msg {
	background-color: #18b0fc;
    margin-top: 1rem;
}
#situation .row{
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}
#situation .row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

/* knowMore section */
#knowMore {
  text-align: center;
}
#knowMore h1 {
  font-size: 2.3rem;
  line-height: 5rem;
  margin-bottom: 4rem;
}
#knowMore h3 {
  font-size: 18px;
  line-height: 4px;
}
#knowMore h4 {
  color: #5C5C5C;
  padding-top: 24px;
}
#knowMore span {
  font-size: 1rem;
}
#knowMore .img-responsive {
    width: 3rem;
    margin: 0.5rem;
}
#knowMore .smoothScroll {
    margin: 0.3rem 0;
}

/* menu section */
#menu h4 {
	line-height: 1.5;
}
#menu .col-md-8 {
  padding-bottom: 42px;
}
#menu .col-md-6 {
  padding-bottom: 18px;
}
#menu span {
  color: #5C5C5C;
}

/* gallery section */
#gallery {
  padding-top: 80px;
  padding-bottom: 80px;
}
#gallery .col-md-4 {
  padding-top: 52px;
}
#gallery img {
  width: 100%;
  padding-bottom: 18px;
}
#gallery .col-md-4 div {
  position: relative;
  bottom: 18px;
  padding-bottom: 12px;
}
#gallery h3 {
  font-size: 18px;
  line-height: 8px;
}

/* contact section */
#contact {
  padding-top: 80px;
  padding-bottom: 100px;
}
#contact .col-md-8 {
  margin-bottom: 32px;
}
#contact .form-control {
  background: #ffffff;
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-top: 10px;
  margin-bottom: 10px;
  transition: all 0.4s ease-in-out;
}
#contact .form-control:focus {
  border-color: #f9f9f9;
}
#contact input {
  height: 48px;
}
#contact input[type="submit"] {
  background: transparent;
  border: 2px solid #999;
  border-radius: 10px;
  letter-spacing: 2px;
  margin-top: 12px;
  height: 50px;
}
#contact input[type="submit"]:hover {
  background: #999;
  color: #ffffff;
}

/* footer section */
footer {
  background: url('../images/footer-bg.jpg') 50% 0 repeat-y fixed;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  color: #ffffff;
  padding-top: 80px;
  padding-bottom: 80px;
}
footer h2 {
  padding-bottom: 14px;
}
footer h3 {
  padding-top: 8px;
}
footer p {
  color: #ffffff;
}
footer span {
  font-weight: bold;
  padding-left: 24px;
}
footer .ph, footer .address {
  padding-top: 12px;
  padding-bottom: 12px;
}
footer .fa {
  font-size: 12px;
  padding-right: 10px;
}

/* social icon */
.social-icon {
  padding: 0;
}
.social-icon li {
  list-style: none;
  display: inline-block;
  padding: 0;
}
.social-icon li a {
  background: #f0f0f0;
  border-radius: 50%;
  color: #5C5C5C;
  font-size: 16px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
  margin-top: 12px;
  margin-right: 16px;
  top: 0;
  position: relative;
  padding: 0;
}
.social-icon li a:hover {
  background: #F6D76B;
  top: 5px;
}

/* copyright section */
#copyright {
  background: #8ca7b4;
  color: #ffffff;
  padding: 2rem 0;
}
#copyright p {
  color: #fff;
}
#copyright a {
  color: #fff;
}
#copyright a:hover {
  color: #FF0;
}
#copyright .solid-line {
	border: 0.5px dotted #ddd;
	margin: 1rem;
}
#copyright .copyright-div {
	padding: 0rem;
}
#copyright .copyright-div1 {
	padding: 0rem;
}
#copyright .copyright-div2 {
	padding: 0rem;
}